<template>
	<view class="couple-info">
		<view class="c-row-box">
			<view class="c-row-head">
				<view class="c-row-title">新人信息</view>
			</view>
			<view class="c-row-item">
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>新郎姓名</view>
						<view class="col-text">
							<input type="text" v-model="orderParams.bridegroom" :disabled="isPreview" placeholder="请输入" />
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>新郎电话</view>
						<view class="col-text">
							<input type="number" v-model="orderParams.bridegroom_mobile" :disabled="isPreview" placeholder="请输入" />
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>新娘姓名</view>
						<view class="col-text">
							<input type="text" v-model="orderParams.bride" :disabled="isPreview" placeholder="请输入" />
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>新娘电话</view>
						<view class="col-text">
							<input type="number" v-model="orderParams.bride_mobile" :disabled="isPreview" placeholder="请输入" />
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>签约时间</view>
						<view class="col-text">
							<picker mode="date" :start="startDate" :end="endDate" @change="signDateChange" :disabled="isPreview">
								<view>{{orderParams.sign_date}}</view>
							</picker>
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>举办时间</view>
						<view class="col-text">
							<picker mode="date" :start="startDate" :end="endDate" @change="eventDateChange" :disabled="isPreview">
								<view>{{orderParams.event_date}}</view>
							</picker>
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title"><text style="color: red;">*</text>家庭住址</view>
						<view class="col-text">
							<input type="text" v-model="orderParams.home_address" :disabled="isPreview" placeholder="请输入" />
						</view>
					</view>
				</view>
				<view class="c-row c-row-list">
					<view class="c-row-col c-row-col-list-item">
						<view class="col-title">身份证号</view>
						<view class="col-text">
							<input type="idcard" v-model="orderParams.id_card" :disabled="isPreview" placeholder="请输入" />
						</view>
					</view>
				</view>
		
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			isPreview: {
				type: Boolean,
				default () {
					return false
				}
			},
			orderParams: {
				type: Object,
				default () {
					return {}
				}
			},
			startDate: {
				type: String,
				default () {
					return ''
				}
			},
			endDate: {
				type: String,
				default () {
					return ''
				}
			}
		},
		data() {
			return {

			};
		},
		methods: {
			// 签约时间
			signDateChange(e) {
				this.orderParams.sign_date = e.target.value
			},
			// 举办时间
			eventDateChange(e) {
				this.orderParams.event_date = e.target.value
			},
		}
	}
</script>

<style lang="less">
@import url('../../components/common.less');
@import url('./common.less');
</style>
